<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Bazar</title>
<style type="text/css">
html,body {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.border {
	border: 1px solid red;
}

.hyper {
	text-decoration: none;
	color: black;
}
</style>
<script type="text/javascript">
	function displayHome(frame) {
		frame.src = "frames/home.php";
	}
	function displayFood(frame) {
		frame.src = "frames/food.php";
	}
	function displayDrinks(frame) {
		frame.src = "frames/drinks.php";
	}
	function displayClothes(frame) {
		frame.src = "frames/clothes.php";
	}
	function displayShoes(frame) {
		frame.src = "frames/shoes.php";
	}
	function displayContact(frame) {
		frame.src = "frames/contact.php";
	}
	function displayLogin(frame) {
		frame.src = "admin/login.php";
	}
	function displaySignup(frame) {
		frame.src = "admin/signup.html";
	}
	function displayCos(frame) {
		frame.src = "cos.php";
	}
	function displayLogOut(frame) {
		frame.src = "admin/logOut.php";
	}
</script>
</head>
<body>
<table class="border" style="height: 99%; width: 99%;">
	<tr id="header">
		<td class="border" style="height: 20%;" colspan="2">
		<table align="left" style="height: 99%; width: 90%;" >
			<tr>
				&nbsp;
				<a href="#"
					onclick="displayLogin(document.getElementById('frame_1'))"
					class="hyper">Log in</a>
			</tr>
			&nbsp;&nbsp;
			
			<tr>
				<a href="#"
					onclick="displaySignup(document.getElementById('frame_1'))"
					class="hyper">Sign up</a>
				</p>
			</tr>
			<tr>
				<p
					style="font-size: xx-large; font-style: italic; font-weight: bold;"
					align="center">Bazar</p>
			</tr>
			<tr>
				<p
					style="text-decoration: blink; font-size: large; font-style: oblique"
					align="center">Locul unde totul este de vanzare</p>
			</tr>
		</table>
		<table align="right">
			<tr>
				<a href="#" onclick="displayCos(document.getElementById('frame_1'))"
					class="hyper">Cosul meu</a>
				<img src="images/cos.jpg" />
				</p>
			</tr>
		</table>
		<a href="#" onclick="displayLogOut(document.getElementById('frame_1'))" class="hyper">Log out</a>
		</td>
	</tr>
	<tr id="body">
		<td id="meniu" class="border" style="width: 20%;">
		<table
			style="border: 1px black solid; height: 50%; width: 50%; text-align: center; font-size: large;"
			align="center">
			<tr>
				<td><a href="#"
					onclick="displayHome(document.getElementById('frame_1'))"
					class="hyper">Home 
			</tr>
			</td>
			</a>
			<tr>
				<td><a href="#"
					onclick="displayFood(document.getElementById('frame_1'))"
					class="hyper">Food 
			</tr>
			</td>
			</a>
			<tr>
				<td><a href="#"
					onclick="displayDrinks(document.getElementById('frame_1'))"
					class="hyper">Drinks 
			</tr>
			</td>
			</a>
			<tr>
				<td><a href="#"
					onclick="displayClothes(document.getElementById('frame_1'))"
					class="hyper">Clothes 
			</tr>
			</td>
			</a>
			<tr>
				<td><a href="#"
					onclick="displayShoes(document.getElementById('frame_1'))"
					class="hyper">Shoes 
			</tr>
			</td>
			</a>
			<tr>
				<td><a href="#"
					onclick="displayContact(document.getElementById('frame_1'))"
					class="hyper">Contact 
			</tr>
			</td>
			</a>
		</table>
		</td>
		<td id="frames" class="border"><iframe id="frame_1"
			src="frames/home.php" style="height: 100%; width: 100%;"
			frameborder="0"></iframe></td>
	</tr>
	<tr id="footer">
		<td class="border" style="height: 5%" colspan="2" valign="bottom"
			align="center">Copyright &copy; 1988-2010 bazar.ro || Toate
		drepturile rezervate. All rights reserved. Pentru orice sugestie
		accesati pagina Contact.</td>
	</tr>
</table>
</body>
</html>